<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">


				<div class="row clearfix">
					<div class="col-md-12 column">
						<h2 style="color: #FFF">Heading</h2>
						<p style="color: #FFF">Donec id elit non mi porta gravida at
							eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
							mauris condimentum nibh, ut fermentum massa justo sit amet risus.
							Etiam porta sem malesuada magna mollis euismod. Donec sed odio
							dui.</p>
						<p style="color: #FFF">
							<a class="btn" href="./paginas/estado/estadoList.jsf">View
								details »</a>
						</p>
					</div>
				</div>
				<div class="row clearfix">
					<div class="col-md-4 column">
						<p class="text-info">
							Lorem ipsum dolor sit amet, <strong>consectetur
								adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus
							urna. In hac habitasse platea dictumst. Phasellus eu sem sapien,
							sed vestibulum velit. Nam purus nibh, lacinia non faucibus et,
							pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi
								commodo sodales nisi id sodales. Proin consectetur, nisi id
								commodo imperdiet, metus nunc consequat lectus, id bibendum diam
								velit et dui.</em> Proin massa magna, vulputate nec bibendum nec,
							posuere nec lacus. <small>Aliquam mi erat, aliquam vel
								luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et
								feugiat ipsum consequat eu.</small>
						</p>
						<div class="row clearfix">
							<div class="col-md-12 column">
								<div class="media">
									<a href="#" class="pull-left"><img
										src="http://lorempixel.com/64/64/" class="media-object" alt="" /></a>
									<div class="media-body">
										<h4 class="media-heading">Nested media heading</h4>
										Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
										scelerisque ante sollicitudin commodo. Cras purus odio,
										vestibulum in vulputate at, tempus viverra turpis.
										<div class="media">
											<a href="#" class="pull-left"><img
												src="http://lorempixel.com/64/64/" class="media-object"
												alt="" /></a>
											<div class="media-body">
												<h4 class="media-heading">Nested media heading</h4>
												Cras sit amet nibh libero, in gravida nulla. Nulla vel metus
												scelerisque ante sollicitudin commodo. Cras purus odio,
												vestibulum in vulputate at, tempus viverra turpis.
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-8 column">
						<!--  	<img alt="140x140" src="http://lorempixel.com/140/140/" class="img-thumbnail"> -->
						<ui:include src="paginas/basic/mapa.xhtml" />
						<ui:insert name="tela"/>
					</div>
				</div>

</ui:composition>